/*
 * Rule Order:
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * overflow
 * list-style
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 */
 
/*******************************************************************************
  Imported StyleSheets
*******************************************************************************/
@import 'common.css';
@import 'tables.css';
@import 'forms.css';

/*******************************************************************************
  Main Structure
*******************************************************************************/

body {
   background: #EEEEEE;
   font-size:100%;
   color  : #333333;
}

#page {
   background: #FFFFFF;
   font-size:.75em
}

#header {
   background: url(/img/header.gif) repeat-x;
   font-weight: bold;
   position:relative;
   padding:2em;
}

#app_name {
   font-size:200%;
   color:#ffffff;
   font-weight:bold;
}

#who {
   position:absolute;
   right:1em;
   top:1em;
   color:#f0f0f0;
   font-weight:normal;
}

#who a {
   color:#f0f0f0;
   font-weight:bold;
}

h1 {
   background : #EEEEEE;
   padding:0.5em 0.5em 0.5em 1em;
   color:#333333;
   border-bottom:1px solid #C0C0C0;
   font-size:1.75em;
}

#sidebar {
   float:left;
   padding:1em;
   margin:2em 0em 2em 2em;
   width:16em;
}

#content {
   padding:2em;
   overflow:hidden;
}

#footer {
    border-top:1px solid #C0C0C0;
    padding:1em;
    clear:both;
    background: #EEEEEE;
    color:#333333;
}

/*******************************************************************************
  Exceptions
*******************************************************************************/

#exception {
   float:left;
   margin:0 auto;
   padding : 2em;
   border : 1px solid #880000;
   background:#ffdddd;
}

#exception p {
   margin-bottom:1em;
}

#exception table {
   border-collapse:collapse;
}

#exception table td {
    border:0px;
    background:#ffdddd;
    vertical-align:top;
}

#exception table td.label {
   text-align    : right;
}

#exception table td.trace {
   font-family : Courier New;
}


/*******************************************************************************
  Navigation Bar
*******************************************************************************/

#nav {
   background: #4081B7;
	border-bottom:1px solid #C0C0C0;
}

#nav ul {
   list-style: none;
}

#nav li {
   display:inline;
}

#nav li.right {
    float:right;
}

#nav li a {
   float: left;
   padding: 1em 1em 1em 32px;
   text-decoration: none;
   color: #FFFFFF;
   border: none;
}
	
#nav li a:hover {
   color: #FFFFFF;
   background-color: #74A8DC;
}
	
#nav li a.active {
   color: #ffffff;
}

#nav li a img {
   border:none;
   float:left;
}

#nav_overview {
   background : 10px center url('/img/layout.png') no-repeat;
}

#nav_tickets {
   background : 10px center url('/img/ticket.png') no-repeat;
}

#nav_milestones {
   background : 10px center url('/img/milestone.png') no-repeat;
}

#nav_reports {
   background : 10px center url('/img/report.png') no-repeat;
}

#nav_admin {
   background : 10px center url('/img/admin.png') no-repeat;
}

#frm_quick_search {
   margin-top   : 0.65em;
   margin-right : 0.65em;
}

#frm_quick_search div {
   margin : 0;
}

#frm_quick_search label {
   display : inline;
   color : #ffffff;
   margin-right : 0.25em;
   font-weight : normal;
}

#frm_quick_search input {
   margin-top : 0;
   margin-bottom : 0;
   font-weight : normal;
}

#frm_quick_search button {
   font-weight : normal;
   background : url(/img/magnifier.png) no-repeat;
   cursor : pointer;
   width : 16px;
   height : 16px;
   border : 0;
   margin-bottom : 3px;
}

/*******************************************************************************
  Flash Messages
*******************************************************************************/
#flashes {

}
#flashes p {
   padding : 1em 1em 1em 35px;
   margin-bottom : 1em;
   border : 1px solid
}

#flashes p.message {
   border-color:#C0C0C0;
   background:#F7F7F7 10px center url(/img/bullet_blue.png) no-repeat;
}

#flashes p.success {
   border-color:#008800;
   background:#DDFFDD 10px center url(/img/tick.png) no-repeat;
}

#flashes p.warning {
   border-color:#ffff00;
   background:#ffffcc 10px center url(/img/warn.png) no-repeat;
}

#flashes p.error {
   border-color:#ff0000;
   background:#FFDDDD 10px center url(/img/error.png) no-repeat;
}

/*******************************************************************************
  General
*******************************************************************************/

.panel {
   border:1px solid #C0C0C0;
   background:#F7F7F7;
}

.pass {
   border:1px solid #008800;
   background:#DDFFDD;
}

.fail {
   border:1px solid #ff0000;
   background:#FFDDDD;
}

label img,
td.label img {
   float:left;
   padding-right:.75em;
}

div.action_bar {
   margin-bottom:1em;
}

div.action_bar a {
   margin-right:0.5em;
   padding:5px 1em 5px 1em;
}

div.action_bar a.add {
   background: 7px center url(/img/add.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.edit {
   background: 7px center url(/img/edit.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.delete {
   background: 7px center url(/img/delete.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.export {
   background: 7px center url(/img/export.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.user {
   background: 7px center url(/img/user.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.date {
   background: 7px center url(/img/calendar.png) no-repeat;
   padding-left: 30px;
}

div.action_bar a.selected {
   border:1px solid #c0c0c0;
   background-color:#EEEEEE;
}

/*******************************************************************************
  Users
*******************************************************************************/

#frm_signin {
   width:34em;
}

#frm_signin fieldset {
   float:none;
}

#frm_signin div.fail {
   padding:0.5em;
   float:none;
   margin: auto auto 2em auto;
}

/*******************************************************************************
  Admin
*******************************************************************************/

#admin_nav {
   list-style: none;
}

#admin_nav li {
   padding:0.5em;
}

#admin_nav li a{
   padding: 10px 5px 12px 35px;
}

#admin_projects {
   background : 10px center url('/img/project.png') no-repeat;
}

#admin_users {
   background : 10px center url('/img/user.png') no-repeat;
}

#admin_registry {
   background : 10px center url('/img/registry.png') no-repeat;
}

#admin_status {
   background : 10px center url('/img/status.png') no-repeat;
}

#admin_type {
   background : 10px center url('/img/type.png') no-repeat;
}

#admin_priority {
   background : 10px center url('/img/priority.png') no-repeat;
}

#admin_severity {
   background : 10px center url('/img/severity.png') no-repeat;
}

#admin_summary td {
   border    : 0;
}

#admin_summary tr.heading td {
   padding-top   : 2em;
   border-bottom : 1px solid #c0c0c0;
   font-weight   : bold;
}

#admin_summary tr.heading td.heading {
   padding-left:35px;
}

#admin_summary tr.first td {
   padding-top : 0;
}

/*******************************************************************************
  Projects
*******************************************************************************/

#project_components {
   margin-right:4em;
}

#project_components,
#project_milestones {
   float:left;
   margin-top : 2em;
}

/*******************************************************************************
  Tickets
*******************************************************************************/

/* Browse */

#frm_ticket_filter {
   margin-bottom:1em;
}

#frm_ticket_filter fieldset {
   float:none;
   padding:1em 2em 1em 2em;
}

#frm_ticket_filter fieldset div {
   float:left;
   margin:0 2em 0 0;
}

#frm_ticket_filter fieldset select {
   margin-bottom:5px;
}

#frm_ticket_filter fieldset div.checkbox {
   margin-top:1.5em;
}

#frm_ticket_filter fieldset div.checkbox input {
   float:left
}

#frm_ticket_filter fieldset div.checkbox label {
   display:block;
   float:left;
   padding:2px 0 0 0.75em;
}

#frm_ticket_filter #basic,
#frm_ticket_filter #advanced {
   margin-bottom:1em;
   clear:left;
   width:90%;
}

#frm_ticket_filter div.button_bar {
   margin:0;
   padding:0;
}

/* View */

#ticket_header {
   padding : 1em;
   margin-bottom:1em;
}

#ticket_header table {
   margin:0 2em 0 0;
}

#ticket_header td {
   border:0;
   background:transparent;
   vertical-align:top;
}

#frm_update_ticket {
   padding:1em 1.5em 1em 1.5em;
   margin-bottom:1em;
   display: inline-block 
}

#frm_update_ticket div.clear {
   margin-top:0;
}

#frm_update_ticket div.button_bar {
   margin:0;
   padding:0;
}

.ticket_comment {
   margin-bottom:1em;
   padding:1em;
}

.ticket_comment label span {
   margin:3px 3px 3px 25px;
   font-size:90%;
   color:#666666;
   font-weight:normal;
   display:block;
}

.ticket_comment p {
   margin-top:0.75em;
}

.ticket_comment a.delete {
   float:right;
}

.ticket_comment a.delete img {
   border:0;
}

/* Edit */

#frm_ticket #title {
   width:45em;
}

#frm_ticket #details {
   width:45em;
}

#project_list {
   margin-top:1em;
}

#project_list td {
   padding   : 1em;
    border:0;
}

#project_list td {
   border-bottom:1px solid #c0c0c0;
   border-top:1px solid #c0c0c0;
}

#dashboard_filter {
   margin-top:1.5em;
}

#dashboard_projects {
   list-style-type:none;
}

#dashboard_projects li {
   width:16em;
   padding-top:0.5em;
   padding-bottom:0.5em;
}

#dashboard_projects span {
   float:right;
}
